<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Vidéo | Learn e-nov</title><link href="./framework/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css">
<link href="./framework/bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
<link rel="shortcut icon" href="../assets/ico/favicon.ico">
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="../assets/ico/apple-touch-icon-114-precomposed.png">
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="../assets/ico/apple-touch-icon-72-precomposed.png">
<link rel="apple-touch-icon-precomposed" href="../assets/ico/apple-touch-icon-57-precomposed.png">
<link href="./css/debug.css" rel="stylesheet">
<link href="./css/base.css" rel="stylesheet">
<link href="./css/style.css" rel="stylesheet">
<link href="./css/header.css" rel="stylesheet">
<link href="./css/footer.css" rel="stylesheet">
<link href="./css/sommaire.css" rel="stylesheet"><script type="text/javascript" src="./framework/jquery/jquery-1.7.2.min.js"/></script>
<script src="./framework/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="./javascript/fonction.js" type="text/javascript"></script>
<script src="./framework/jquery/jquery.jtruncate.js" type="text/javascript"></script><link href="./css/video.css" rel="stylesheet"><script src="./javascript/jquery/jquery.template.js" type="text/javascript"></script></head>
<body>
<header class="navbar navbar-static-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="./index.php"><img id="logo" src="./image/charte/logo.png" alt="logo"/><span>Learn e-nov</span></a>
<div class="nav-collapse collapse">
<form class="navbar-search pull-right form-search info_bulle_bottom" rel="tooltip" data-original-title="Ce formulaire de recherche permet de rechercher un ou plusieurs mots clés dans toutes les vidéos existantes (titre, desciption, sous-titre...)." action="./search.php" method="get">
<div class="input-append">
<input required placeholder="Mots clés" type="text" class="search-query input-medium" name="s">
<button class="btn btn-primary" type="submit"><i class="icon-search icon-white"></i></button>
</div>
</form>
<ul class="nav">
<li class="divider-vertical"></li>
<li ><a href="./index.php">Accueil</a></li>
<li class="divider-vertical"></li>
<li ><a href="./gestion_video.php">Gestion de vidéos</a></li>
<li class="divider-vertical"></li>
<li ><a href="./profil.php">Profil</a></li>
<li class="divider-vertical"></li>
<li class="info_bulle_bottom" rel="tooltip" data-original-title="Les cookies seront automatiquement supprimés et vous devrez vous reconnecter avec identifiant et mot de passe."><a href="./connexion.php">Déconnexion</a></li>
<li class="divider-vertical"></li>
</ul>
</div>
</div>
</div>
</header>	<div id="content" class="container">
<div class="row-fluid">
<aside id="sommaire" class="span3 well">
<h4>Liste des vidéos par thème :</h4>
<ul>
<li><div class='accordion-heading'> <a class='accordion-toggle' href='#item1' data-toggle='collapse'>Biologie : </a></div><ul id='item1' class='collapse'><li class='accordion-inner'><a href="video.php?id=V01">NomVideo1</a></li><li class='accordion-inner'><a href="video.php?id=V02">NomVideo2</a></li><li class='accordion-inner'><a href="video.php?id=V08">nouveaunom</a></li></ul></li><li><div class='accordion-heading'> <a class='accordion-toggle' href='#item2' data-toggle='collapse'>Informatique : </a></div><ul id='item2' class='collapse'><li class='accordion-inner'><a href="video.php?id=V03">NomVideo3</a></li></ul></li>		</ul>
</aside>
	<div class="span9 well">			
		
		<div class="row-fluid"><div class="span12 well">teeeeeeeeeest</div></div>
		<div class="row-fluid"><div class="span12 well">teeeeeeeeeest</div></div>
		<div class="row-fluid"><div class="span12 well">teeeeeeeeeest</div></div>
		
	</div>
	<footer class="row-fluid">
		<div class="span12 well">
			<div class="left">
				<p><a href="./contact.php"><i class="icon-envelope"></i> Contact</a></p>
				<p><a href="./faq.php"><i class="icon-question-sign"></i> F.A.Q.</a></p>
			</div>
			<a href="http://www.univ-larochelle.fr/"><img id="logo_ulr" src="./image/charte/univ-lr.png" alt="Université de La Rochelle"></img></a>
			<a href="http://moodle.univ-lr.fr/"><img id="logo_moodle" src="./image/charte/moodlelogo.png" alt="Moddle"></img></a>
		</div>
	</footer>
</body>
</html>
